.notification-alert {
	padding: 60px 20px;
	text-align: center;
	&.state-success {
		i {
			color: #2ecc71;
		}
	}
	&.state-danger {
		i {
			color: #e74c3c;
		}
	}
	&.state-warning {
		i {
			color: #f1c40f;
		}
	}
	&.state-info {
		i {
			color: #1abc9c;
		}
	}
	i {
		font-size: 70px;
	}
	.alert-title {
		font-size: 32px;
		color: #555;
		margin: 0;
		line-height: 50px;
	}
	.alert-divide {
		margin: -5px 0 10px 0;
		span {
			display: inline-block;
			width: 60px;
			height: 1px;
			background-color: #e5e5e5;
		}
	}
	.alert-desc {
		font-size: 15px;
		color: #888;
	}
}

.p-alert {
	padding: 80px 25px;
	text-align: center;
	color: #333;
	.p-title {
		margin-bottom: 20px;
		img {
			height: 60px;
			width: auto;
		}
		margin-bottom: 10px;
	}
	p {
		font-size: 16px;
		line-height: 2;
	}
	.p-action {
		a {
			display: block;
			color: #fff;
			font-size: 16px;
			line-height: 24px;
			height: 44px;
			border-radius: 20px;
			padding: 10px 20px;
			background-color: #00aaee;
		}
	}
}